<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<script type="text/javascript" src="js/jquery-1.6.min.js" ></script>
<script type="text/javascript" src="js/FF-cash.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Bebas_400.font.js"></script> 
<script type="text/javascript" src="js/Tangerine_400.font.js"></script>
<script src="js/easyTooltip.js" type="text/javascript"></script>
<script type="text/javascript" src="js/superfish.js"></script>
 <!--[if lt IE 7]> 
 		<div style=' clear: both; text-align:center;  padding:0 0 0 0px; position: relative;'>
			<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg"  border="0" height="42" width="820" alt="You are using an outdated browser. For a  faster, safer browsing experience, upgrade for free today. /></a>
		</div> 
  <![endif]-->
    <!--[if lt IE 9]> 
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
        <script type="text/javascript" src="js/html5.js"></script>
    <![endif]--> 
</head>

<body id="page3">
	<div class="bg4">
    	<div class="bg-center1">
		<!-- header -->
		<header>
			<div class="main">
            	<div class="bg1">
                	<div class="wrapper">
                    	<ul class="list">
                        	<li><a href="#">User Login</a></li>
                            <li class="last"><a href="#">Register</a></li>
                        </ul>
                    </div>
                </div>
                <div class="bg2">
                	<div class="wrapper">
                    	 <h1><a href="index.html">jesusChurch</a></h1>
                          <form id="search-form">
                            <fieldset>
                                <label><input type="text"  value="" onFocus="if(this.value==''){this.value=''}" onBlur="if(this.value==''){this.value=''}" /></label>
                                <a href="#" class="page1-img1" onclick="document.getElementById('search-form').submit()"></a>
                            </fieldset>
						</form>
                    </div>
                     <nav>
                    <ul class="sf-menu">
                       <li><a href="index.html"><em>1.</em><b><span>Home</span><br>Welcome Page</b></a></li>
                       <li><a href="index-1.html"><em>2.</em><b><span>about  us</span><br>Who We Are</b></a>
                       		<ul>
                                <li><a href="#">our  mission</a></li>
                                <li><a href="#">our  team</a>
                                	<ul>
                                        <li><a href="#">Bill  Dinsmore</a></li>
                                        <li><a href="#">Mark smith</a></li>
                                        <li class="last"><a href="#">Eric  Anderson</a></li>
                                    </ul>
                                </li>
                                <li class="last"><a href="#">Worship  Arts</a></li>
                            </ul>
                       </li>                       		
                       <li><a href="index-2.html" class="active"><em>3.</em><b><span>sermons</span><br>Our Community</b></a></li> 
                       <li><a href="index-3.html"><em>4.</em><b><span>media</span><br>View &amp; Listen</b></a></li>
                       <li><a href="index-4.html"><em>5.</em><b><span>contacts</span><br>Stay In Touch</b></a></li>
                    </ul>
                    <a class="fright img tooltip" title="Twitter" href="#"><img src="images/icon-1.gif" alt=""></a>
                 </nav>
                </div>
            </div>
		</header>
       </div>
      </div>  
		<!-- content -->
		<section id="content">
			<div class="container_12">
                	<div class="wrapper">
              			<div class="grid_4">
                        	<div class="bg-h2">
                            	<h2>News   Archive</h2>
                            </div>
                            <div class="pad-left">
                            	<div class="text text-top1">July 2011</div>
                                <a href="#" class="link1">Sed ut perspiciatis unde omnis iste natusem error sit voluptatem accusantium.</a>
                            </div>
                            <div class="border border-pad3"></div>
                            <div class="pad-left">
                            	<div class="text">June 2011</div>
                                <a href="#" class="link1">Perspiciatis unde omnis iste natus error.</a>
                            </div>
                            <div class="border border-pad4"></div>
                             <div class="pad-left">
                            	<div class="text">May 2011</div>
                                <a href="#" class="link1">Error sit voluptate accusantium doloremque laudantium, totam rem aperiam.</a>
                            </div>
                            <div class="border border-pad3"></div>
                            <div class="pad-left">
                            	<div class="text">April 2011</div>
                                <a href="#" class="link1">Sed ut perspiciatis unde omnis iste natusem error sit voluptatem accusantium.</a>
                            </div>
                             <div class="border border-pad3"></div>
                              <div class="pad-left">
                            	<div class="text">March 2011</div>
                                <a href="#" class="link1">Perspiciatis unde omnis iste natus error.</a>
                            </div>
                             <div class="border border-pad5"></div>
                             <div class="wrapper">
                             	<a href="#" class="link2 fright link2-pad3">read more</a>
                             </div>
                        </div>
                        <div class="grid_4">
                        	<div class="bg-h2">
                            	<h2>Community   Care   Services</h2>
                            </div>
                            <div class="pad-left">
                            	 <img src="images/page3-img1.jpg" alt="" class="img-pad2">
                                 <strong class="color">Lorem ipsum dolor sit amet consectetuer adipiscing elit lorem dolor.</strong><br><br>
                                 Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi cum sociis natoque penatibus et magnis dis parturient.
                                   <div class="wrapper">
                             	<a href="#" class="link2 fright link2-pad4">read more</a>
                             </div>
                             </div>
                        </div>
                        <div class="grid_4">
                        	<div class="bg-h2">
                            	<h2>Education</h2>                               
                            </div>
                            <div class="pad-left">
                            	 <strong class="color text-indent">Lorem ipsum dolor sit amet consectetuer adipiscing elit lorem dolor.</strong><br><br>
                                 Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi cum sociis natoque penatibus et magnis dis parturient. Montes, nascetur ridiculus mus. Nulla dui.<br><br>
                                 <strong class="color">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusan.</strong><br><br>
                                 Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna donec accumsan malesuada orci. Donec sit amet erosorem ipsum dolor sit amet, consectetuer.
                            </div>
                        </div>
                </div>
            </div>
		</section>     
   <aside>
   <div class="aside-bottom1">
   		<div class="container_12">
        	<div class="wrapper aside-top1">
            	<div class="grid_3">
                	<h4>Our   Beliefs</h4>
                   	 <ul class="list1">
                    	<li><a href="#">Lorem ipsum dolor sit amet</a></li>
                        <li><a href="#">Consectetuer adipiscing elit</a></li>
                        <li><a href="#">Praesent vestibulum molestie</a></li>
                        <li><a href="#">Lacus aenean nonummy</a></li>
                        <li><a href="#">Hendrerit mauris phasellus</a></li>
                        <li><a href="#">Porta fusce suscipit varius mi</a></li>
                        <li class="last"><a href="#">Cum sociis natoque penatibus</a></li>
                    </ul>
                </div>
                <div class="grid_3">
                	<h4 class="h4-bot">Psalm   of   The   Day</h4>
                    <strong class="color1">Lorem ipsum dolor sitemen amet consectetuer adipiscing.</strong><br><br>
                    Aquam erat volutpat wisi enim ad minieniam, quis nostrud exerci ation ullamcorper suscipit lobortis nisl ut aliquip exea comodo.<br><br>
                    Consequatus autem vel eum iriure dolor in hendrerit ine vulputatem velit esse molestie consequat vel illum dolore eu feugiat.
                </div>
                  <div class="grid_3">
                	<h4>Prayers</h4>
                    <ul class="list1">
                    	<li><a href="#">Consectetuer adipiscing elit</a></li>
                        <li><a href="#">Praesent vestibulum molestie</a></li>
                        <li><a href="#">Lacus aenean nonummy</a></li>
                        <li><a href="#">Hendrerit mauris phasellus</a></li>
                        <li><a href="#">Porta fusce suscipit varius mi</a></li>
                        <li><a href="#">Cum sociis natoque penatibus</a></li>
                        <li class="last"><a href="#">Magnis dis parturien montes</a></li>
                    </ul>
                </div>
                  <div class="grid_3">
                	<h4 class="h4-bot">Development</h4>
                   <strong class="color1"> Praesent vestibulum molestie. </strong><br>
                   Aquam erat volutpat wisi enim ad minieniam, quis nostrud exerci ation ullamcorper suscipit lobortis nisl ut aliquip exea comodo.<br><br>
                   <strong class="color1">Lorem ipsum dolor sitemen.</strong><br>
                   Consequatus autem vel eum iriure dolor in hendrerit ine vulputatem velit esse molestie consequat vel illum dolore eu feugiat nulla facilisis at vero eros et accum.
                </div>
            </div>
        </div>
       </div> 	
   </aside>    
	<!-- footer -->
	<footer>
        	<div class="foot-text">Jesus Church &copy; 2011 | <a href="index-5.html">Privacy Policy</a></div>
	</footer> 
	<script type="text/javascript"> Cufon.now(); </script>       
</body>
</html>
